<div class="modal fade" id="app_verify_modal" tabindex="-1" role="dialog" aria-labelledby="app_modal_title" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="app_modal_title">
				</h4>
			</div>
			<div class="modal-body">
				<input type="hidden" name="verifyId" id="verifyId"/>
				<div name="modal-body">
					<div class="row">
						<div class="col-xs-12">
							<form class="form-horizontal" role="form">
								<div class="form-group">
									<label for="c_APP_NAME" class="col-sm-3 control-label">应用名称</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="c_APP_NAME" />
									</div>
								</div>
								<div class="form-group">
									<label for="c_APP_TYPE_NAME" class="col-sm-3 control-label">应用类型</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="c_APP_TYPE_NAME"/>
									</div>
								</div>
								<div class="form-group">
									<label for="c_COMPANY_NAME" class="col-sm-3 control-label">所属厂家</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="c_COMPANY_NAME"/>
									</div>
								</div>
								<div class="form-group">
									<label for="c_APP_REMARK" class="col-sm-3 control-label">备注</label>
									<div class="col-sm-9">
										<textarea class="form-control" style="resize: none;height: 100px;max-height: 100px;" id="c_APP_REMARK"></textarea>
									</div>
								</div>
							</form>
						</div>
						<div class="col-xs-12 widget-container-span">
							<div class="widget-box">
								<div class="widget-header" id="app_info">
									<h5>应用地址</h5>
									<div class="widget-toolbar">
										<a data-toggle="collapse" data-parent="#app_info"
										   href="#app_info_base">
											<i class="icon-chevron-down"></i>
										</a>
									</div>

								</div>
								<div class="widget-body collapse" id="app_info_base">
									<div class="widget-main">
										<div id="app_not_change">
											<table class="table table-striped">
												<thead>
												<th>地址（IP或域名）</th>
												<th>描述</th>
												</thead>
												<tbody>

												</tbody>
											</table>
										</div>
										<div class="row" id="app_change">
											<div class="col-sm-6">
												<table class="table table-striped" name="before_change">
													<caption>变更前</caption>
													<thead>
													<th>地址（IP或域名）</th>
													<th>描述</th>
													</thead>
													<tbody>

													</tbody>
												</table>
											</div>
											<div class="col-sm-6">
												<table class="table table-striped" name="after_change">
													<caption>变更后</caption>
													<thead>
													<th>地址（IP或域名）</th>
													<th>描述</th>
													</thead>
													<tbody>

													</tbody>
												</table>
											</div>

										</div>
									</div>


								</div>
							</div>
							<div class="widget-box">
								<div class="widget-header" id="app_role">
									<h5>应用角色</h5>
									<div class="widget-toolbar">
										<a data-toggle="collapse" data-parent="#app_role"
										   href="#app_role_list">
											<i class="icon-chevron-down"></i>
										</a>

									</div>

								</div>

								<div class="widget-body collapse" id="app_role_list">

									<div class="widget-main">
										<div class="row">
										</div>
									</div>

								</div>

							</div>

							<div class="widget-box">
								<div class="widget-header" id="app_offline">
									<h5>下线原因</h5>
									<div class="widget-toolbar">
										<a data-toggle="collapse" data-parent="#app_offline"
										   href="#app_offline_reason">
											<i class="icon-chevron-down"></i>
										</a>

									</div>

								</div>

								<div class="widget-body collapse" id="app_offline_reason">

									<div class="widget-main">

									</div>

								</div>

							</div>

						</div>



					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-sm btn-default" id="btn-not-approved" data-dismiss="modal">不通过
				</button>
				<button type="button" id="btn-approved" class="btn btn-sm btn-primary">
					通过
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

<div class="modal fade" id="interf_verify_modal" tabindex="-1" role="dialog" aria-labelledby="interf_modal_title" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="interf_modal_title">
				</h4>
			</div>
			<div class="modal-body">
				<input type="hidden" name="verifyId" id="interfVerifyId"/>
				<div name="modal-body">
					<div class="row">
						<div class="col-xs-12 widget-container-span">
							<div class="widget-box">
								<div class="widget-header" id="interf-base-widget">
									<h5>基础信息</h5>
									<div class="widget-toolbar">
										<a data-toggle="collapse" data-parent="#interf-base-widget"
										   href="#interf-base">
											<i class="icon-chevron-up"></i>
										</a>
									</div>

								</div>
								<div class="widget-body collapse in" id="interf-base">
									<div class="widget-main row">
										<table class="table width-95">
											<tr><td class="pull-right">接口名称：</td><td colspan="3"><div id="base_INTERF_NAME" name="c_INTERF_NAME"></div></td></tr>
											<tr><td class="pull-right">所属应用：</td><td colspan="3"><div id="base_APP_NAME" name="c_APP_NAME"></div></td></tr>
											<tr><td class="pull-right" rowspan="3">描述：</td><td rowspan="3" colspan="3"><div name="c_INTERF_REMARK" id="base_INTERF_REMARK"></div></td></tr>
										</table>
									</div>
								</div>
							</div>
							<div class="widget-box">
								<div class="widget-header" id="interf-service-widget">
									<h5>服务信息</h5>
									<div class="widget-toolbar">
										<a data-toggle="collapse" data-parent="#interf-service-widget"
										   href="#interf-service">
											<i class="icon-chevron-down"></i>
										</a>
									</div>

								</div>
								<div class="widget-body collapse" id="interf-service">
									<div class="widget-main row">
										<div id="interf_no_change">
											<table class="table width-95">
												<tr><td class="pull-right">服务地址：</td><td colspan="3"><div id="serv_INTERF_ENDPOINT" name="c_INTERF_ENDPOINT"></div></td></tr>
												<tr><td class="pull-right">命名空间：</td><td colspan="3"><div id="serv_INTERF_NAMEP" name="c_INTERF_NAMEP"></div></td></tr>
												<tr><td class="pull-right">HTTP方法：</td><td colspan="3"><div id="serv_INTERF_HTTP_METHOD" name="c_INTERF_HTTP_METHOD"></div></td></tr>
												<tr><td class="pull-right">协议：</td><td colspan="3"><div id="serv_INTERF_PROTOCOL" name="c_INTERF_PROTOCOL"></div></td></tr>
												<tr><td class="pull-right">路径：</td><td colspan="3"><div id="serv_INTERF_METHOD_NAME" name="c_INTERF_METHOD_NAME"></div></td></tr>
											</table>
										</div>
										<div id="interf_changed" style="display: none;">
											<div class="col-sm-6">
												<table class="table table-striped">
													<tr><th>服务地址：</th><td colspan="3"><div id="before_INTERF_ENDPOINT" name="c_INTERF_ENDPOINT"></div></td></tr>
													<tr><th>命名空间：</th><td colspan="3"><div id="before_INTERF_NAMEP" name="c_INTERF_NAMEP"></div></td></tr>
													<tr><th>HTTP方法：</th><td colspan="3"><div id="before_INTERF_HTTP_METHOD" name="c_INTERF_HTTP_METHOD"></div></td></tr>
													<tr><th>协议：</th><td colspan="3"><div id="before_INTERF_PROTOCOL" name="c_INTERF_PROTOCOL"></div></td></tr>
													<tr><th>路径：</th><td colspan="3"><div id="before_INTERF_METHOD_NAME" name="c_INTERF_METHOD_NAME"></div></td></tr>
												</table>
											</div>
											<div class="col-sm-6">
												<table class="table table-striped">
													<tr><th>服务地址：</th><td colspan="3"><div id="after_INTERF_ENDPOINT"></div></td></tr>
													<tr><th>命名空间：</th><td colspan="3"><div id="after_INTERF_NAMEP"></div></td></tr>
													<tr><th>HTTP方法：</th><td colspan="3"><div id="after_INTERF_HTTP_METHOD"></div></td></tr>
													<tr><th>协议：</th><td colspan="3"><div id="after_INTERF_PROTOCOL"></div></td></tr>
													<tr><th>路径：</th><td colspan="3"><div id="after_INTERF_METHOD_NAME"></div></td></tr>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="widget-box">
								<div class="widget-header" id="interf_rsp_widget">
									<h5>应用地址</h5>
									<div class="widget-toolbar">
										<a data-toggle="collapse" data-parent="#interf_rsp_widget"
										   href="#interf_rsp">
											<i class="icon-chevron-down"></i>
										</a>
									</div>

								</div>
								<div class="widget-body collapse" id="interf_rsp">
									<div class="widget-main row">
										<table class="table width-95">
											<tr><td class="pull-right">返回类型：：</td><td colspan="3"><div id="rsp_IPARAMS_OUT_TYPE" name="c_IPARAMS_OUT_TYPE"></div></td></tr>
											<tr><td class="pull-right">是否统一接口：</td><td colspan="3"><div id="rsp_INTERF_UNIFY" name="c_INTERF_UNIFY"></div></td></tr>
											<tr style="display: none"><td class="pull-right">判定参数：</td><td colspan="3"><div id="rsp_INTERF_SERVICE" name="c_INTERF_SERVICE"></div></td></tr>
										</table>
										<table class="table width-95">
											<thead>
											<th>字段</th>
											<th>字段说明</th>
											<th>字段类型</th>
											<th>所属服务</th>
											</thead>
											<tbody id="serv_tab">

											</tbody>
										</table>
									</div>
								</div>
							</div>

							<!--<div class="widget-box">
								<div class="widget-header" id="interf_roles">
									<h5>授权</h5>
									<div class="widget-toolbar">
										<a data-toggle="collapse" data-parent="#interf_roles"
										   href="#interf_roles_gant">
											<i class="icon-chevron-down"></i>
										</a>

									</div>

								</div>

								<div class="widget-body collapse" id="interf_roles_gant">

									<div class="widget-main">
										<span><input type="checkbox" id="checkAll" />全选</span>
									</div>

								</div>

							</div>-->

							<div class="widget-box">
								<div class="widget-header" id="interf_offline">
									<h5>下线原因</h5>
									<div class="widget-toolbar">
										<a data-toggle="collapse" data-parent="#interf_offline"
										   href="#interf_offline_reason">
											<i class="icon-chevron-down"></i>
										</a>

									</div>

								</div>

								<div class="widget-body collapse" id="interf_offline_reason">

									<div class="widget-main">

									</div>

								</div>

							</div>

						</div>



					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-sm btn-default" id="interf-not-approved" data-dismiss="modal">不通过
				</button>
				<button type="button" id="interf-approved" class="btn btn-sm btn-primary">
					通过
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

<div class="modal fade" id="user_verify_modal" tabindex="-1" role="dialog" aria-labelledby="user_modal_title" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="user_modal_title">
				</h4>
			</div>
			<div class="modal-body">
				<input type="hidden" name="verifyId" id="user_verifyId"/>
				<div name="modal-body">
					<table class="table table-striped">
						<tr><td class="col-1">登录账号</td><td class="col-3" id="td_C_LOGIN_NAME">2</td></tr>
						<tr><td>邮箱</td><td class="col-3" id="td_C_USER_EMAIL">2</td></tr>
						<tr><td>所属厂家</td><td class="col-3" id="td_C_COMPANY_NAME">2</td></tr>
					</table>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-sm btn-default" id="btn-not-approved-user" data-dismiss="modal">不通过
				</button>
				<button type="button" id="btn-approved-user" class="btn btn-sm btn-primary">
					通过
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

<div class="modal fade" id="company_verify_modal" tabindex="-1" role="dialog" aria-labelledby="company_modal_title" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="company_modal_title">
				</h4>
			</div>
			<div class="modal-body">
				<input type="hidden" name="verifyId" id="companyVerifyId"/>
				<div name="modal-body">
					<table id="companyTable" class="table table-striped width-95">
						<tr><td class="pull-right">厂家名称：</td><td colspan="3" name="c_COMPANY_NAME"></td></tr>
						<tr><td class="pull-right">联络人：</td><td colspan="3" name="c_LINK_MAN"></td></tr>
						<tr><td class="pull-right">联络方式：</td><td colspan="3" name="c_LINK_TEL"></td></tr>
						<tr><td class="pull-right">邮箱：</td><td colspan="3" name="c_LINK_EMAIL"></td></tr>
						<tr><td class="pull-right">备注：</td><td colspan="3" name="c_COMPANY_REMARK"></td></tr>
					</table>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-sm btn-default" id="com-not-approved" data-dismiss="modal">不通过
				</button>
				<button type="button" id="com-approved" class="btn btn-sm btn-primary">
					通过
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>


<script>
    $(document).ready(function () {
        $(".icon-chevron-up,.icon-chevron-down").parent("a").on("click" , function () {
            if ($(this).find("i").attr("class") == 'icon-chevron-up') {
                $(this).find(".icon-chevron-up").removeClass().addClass("icon-chevron-down");
            } else {
                $(this).find(".icon-chevron-down").removeClass().addClass("icon-chevron-up");
            }
        })
    })
</script>